最新vue基础教程分享
导读: 导语:今天给大家讲解vue的基础知识点。 引入vue声明式渲染创建vue实例数据绑定方法插值指令缩写 下载vue.js文件:点击下载 CDN线上,引入地址: 新建html文件,在head标签内引入 两个花括...
导语:今天给大家讲解vue的基础知识点。
引入vue声明式渲染创建vue实例数据绑定方法插值指令缩写
下载vue.js文件:点击下载
CDN线上,引入地址:
新建html文件,在head标签内引入
两个花括号中间可以写表达式,判断,数据类型,就是不能写循环。
首先引入vue.js文件
然后实例化一个vue
最后定义vue的管理边界
注意: 如果你不定义管理边界,就可能无法应用vue中的属性和方法。
数据: 这里的数据就是你要渲染到页面中的值,这个数据发生变化,视图中的数据也会发生变化。
方法: 就是js中的函数和事件监听。
例如:弹出一个信息。
这是数据绑定最常见的形式,使用的Mustache语法 (双大括号) 。
这个你需要使用来实现。
注意:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。
指令 (Directives) 是带有 前缀的特殊特性,响应式的作用于DOM。
含义:这个是根据传入的值来决定是否移除绑定的元素,它的值是或者
例如:
修饰符:以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。
v- 作为一种识别特性,常常会缩写,以便提高代码效率。
v-on是绑定元素要触发的各种事件的,可以缩写成
v-bind是绑定元素属性的一种指令,可以缩写成
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 最新vue基础教程分享
本文地址: https://pptw.com/jishu/661584.html