vue 基础操作

最新推荐文章于 2022-07-03 20:34:57 发布

@wangning

最新推荐文章于 2022-07-03 20:34:57 发布

阅读量94

点赞数

本文链接：https://blog.csdn.net/weixin_44091775/article/details/84996003

版权

本文深入探讨Vue.js的关键特性，包括条件渲染(v-if, v-show), 数据绑定(v-bind), 事件处理(v-on), 列表渲染(v-for)，以及计算属性和方法的使用。同时，文章还介绍了Vue的生命周期钩子函数，如created，并讨论了组件的注册和作用域样式(scoped)的使用。

摘要由CSDN通过智能技术生成

vue

1.v-if , v-show 控制标签的显示与隐藏
2.el:"#app" 选择哪个标签
3.v-for 循环
v-for=“item,index in lst”
v-for 最后面一定要加上 :key"index"
4.v-bind 缩写 : 用来绑定属性值
5.v-on 缩写@事件用来绑定事件
6.v-once 只赋值一次
7.v-text 浏览器原样输出 {{}}
v-html 输出浏览器解析之后的,会导致xss攻击
8.v-model Input取值和赋值
9.mvvm代码 m mode(提供数据) v view(展示数据)
10.methods 方法,通过 @click 等去绑定
11.computer 计算属性, get(取值,有缓存) set(赋值)
12.钩子函数 created(初始化完毕) vue的声明周期
13.checked(选中状态)
14.status(状态)
15.shop(事件修饰符)
16.prevent(取消默认点击事件)
17.&nbsp(空格)
18.count(上次计算的结果)
19.map(映射)
20.
21.向外部进行暴露变量 export 暴露的名称值
22.组件以vue结尾的文件
html

23.在组件中 data后面必须跟function
24.scoped 让css 只对当前组件起效果
25.components: 注册组件