开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 1858|回复: 2
收起左侧

[技术分享] 【零基础学会uniapp系列】1、一个新的vue文件

[复制链接]
发表于 2021-10-16 10:32:05 | 显示全部楼层 |阅读模式   广东省揭阳市
本帖最后由 项目部002 于 2021-10-16 16:11 编辑

看本课前可以请先查看一下扫盲贴:
https://bbs.125.la/forum.php?mod=viewthread&tid=14696567

零基础学会uniapp

1、 一个新的vue文件

vue文件结构介绍

本课开始,正式进入uniapp的学习,这一节课介绍一个标准的vue文件的写法格式。

template 是一级节点,用于写组件, scriptstyle 是并列的一级节点,也就是有3个一级节点。这个叫vue单文件组件规范sfc。

<template>
        页面的代码,这里所有的内容都会根据“条件渲染”的规则显示到界面上
</template>

<script>
    页面执行的脚本(javascript)代码
</script>

<style>
    页面使用到的风格代码 css 
</style>
插值

在vue中使用 {{ }} 双大括号进行文本插值。 什么是插值? 就是使用给定的文本来替换网页中的文本,替换过程由vue处理。

<template>
    <view>
        <view>Message: {{ msg }}</view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                msg: 'Hello Vue!'
            }
        }
    }
</script>

在上面的例子中,<script>中的msg会替换<templete>中的msg。

注:只要<script>中的msg更新,<templete>中对应的msg就会更新,这是全自动的。
插值也可以支持: 表达式和javascript脚本,下方这些都是支持的
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
{{index%2}}
每个插值都只能包含单个表达式



视频教程:
【点击前往TV网查看】


课程课件和源码下载:【从资源网下载】
从GIT关注:
https://gitee.com/JYtechnology/uniapp-learn










发表于 2024-8-13 19:07:58 | 显示全部楼层   安徽省六安市
支持学习
回复 支持 反对

使用道具 举报

结帖率:100% (17/17)

签到天数: 12 天

发表于 2021-10-16 12:09:28 | 显示全部楼层   山东省青岛市
不错 支持了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表