2010年最具人气的平面设计师必备网站,佛山市企业网站建设哪家好,云南协千,百度关键字推广费用总结性内容:
1.想让Vue工作,就必须创建一个Vue的实例,而且要传入一个配置对象
2.root容器中的代码依然符合html规范,只不过混入了一些特殊的Vue语法
3.root容器里的代码被称为Vue模板
!DOCtype html
htmlheadmeta charsetUTF-8!DOCtype html
htmlheadmeta charsetUTF-8title初识Vue/titlescript typetext/javascript srcjs-vue/vue.js/script/headbodydivh1Hello,Good/h1/div
!-- 把需要变化的量给Vue实例保管--div idroot
!-- Vue的插值语法 两组花括号 中间一个类--h1Hello,{{name}}}/h1h2我的年龄是:{{age}}/h2/divscript typetext/javascriptVue.config.productionTipfalse;//用于阻止Vue在启动时生成生产提示//创建Vue实例new Vue({el:#root,//el:元素element #root是一个选择root的id的id选择器//el用于指定当前的Vue实例,为哪个容器服务,值通常为css中的选择器//el:document.getElementById(root);data:{//data中用于储存数据,数据供el所指定的容器去使用,值我们暂时写成一个对象name:HHHHHHH,age:18}});//只传一个对象,一个配置对象/*总结性内容:1.想让Vue工作,就必须创建一个Vue的实例,而且要传入一个配置对象2.root容器中的代码依然符合html规范,只不过混入了一些特殊的Vue语法3.root容器里的代码被称为Vue模板*//script/body
/html
