广西网站建设seo优化,西安市城市建设档案馆官方网站,c2c网站怎么做,口碑好的网站推广价格复习次数 #xff1a;✔
1.1 vue优势 1.2 vue环境 直接在idea的插件搜vue.js#xff0c;然后下载。 接着创建一个空项目#xff0c;并添加模块。然后#xff0c;创建一个html文件。
1.3 vue例子 完整的html代码如下#xff1a;
!DOCTYPE html
html lang✔
1.1 vue优势 1.2 vue环境 直接在idea的插件搜vue.js然后下载。 接着创建一个空项目并添加模块。然后创建一个html文件。
1.3 vue例子 完整的html代码如下
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body!--view层--h1 idbottom-h{{message2}}/h1script srchttps://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js/script !--CDN视图层和数据层的中间件--scriptvar vm new Vue({el: #bottom-h, /*绑定id*//*model层*/data: {message :hello!,message2:nihao!}});/script
/body
/html 运行结果如下 1.4 注意点 其中使用CDN来安装和管理vue的依赖
script srchttps://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js/script 注意点 1.创建Vue对象var vm new Vue(); 其中Vue的V是大写的然后在小括号里面写花括号 2.花括号里有el和data属性 3.el用来绑定id#id名 4.data用来存储数据作为model层格式是data:{key xxx}如果存在两个key用逗号隔开 5.el和data用逗号隔开 6.在视图层(view层)用{{key}}来接收数据;
1.5 通过网页不刷新改变视图层的值 打开网页点击console 输入vm.key名 修改的内容然后回车即可改变视图层的数据 这里的key是message。
