Vue入门
Posted lhywxhn
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue入门相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"> //这是固定的 </script> </head> <body> <div id="app">{{content}}</div> //定义div的id，又写了一个组件，组件名为content，注意div里的2对大括号是必须的， //{content}才算一个组件，外面的{}是一个规范，包裹组件 <script> / / 定义Vue对象,对象名必须=div的id var app = new Vue({ / / el表示元素(element),是一个vue属性 / / el:‘#id(对象)‘ 表示查找app的元素(组件) el: ‘#app‘, data: { content: ‘Hello World‘, / /data属性里写 组件名:？ 即表示组件的值 }}) </script> </body> </html>
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/vue.js" type="text/javascript" charset="utf-8">//这是固定的</script></head><body><div id="app">{{content}}</div> //定义div的id，又写了一个组件，组件名为content，注意div里的2对大括号是必须的，//{content}才算一个组件，外面的{}是一个规范，包裹组件 <script>/ / 定义Vue对象,对象名必须=div的id var app = new Vue({/ / el表示元素(element),是一个vue属性/ / el:‘#id(对象)‘ 表示查找app的元素(组件) el: ‘#app‘, data: { content: ‘Hello World‘,/ /data属性里写 组件名:？ 即表示组件的值 }}) </script></body></html>
以上是关于Vue入门的主要内容，如果未能解决你的问题，请参考以下文章