<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>secondvue</title>
</head>
<body>
<div id="app">{{hello}}</div>
<!-- built files will be auto injected -->
</body>
<!--此处是引入vue,当前demo仅为一个单独页面的引入,一般完整项目可以用<script src="./dist/vue.js"></script>进行引入,此处不能省略-->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script >
<!--声明一个渲染-->
new Vue({
<!--el为实例提供挂载元素。值可以是 CSS 选择符,或实际 HTML 元素,或返回 HTML 元素的函数。这里是id为app的元素-->
el:'#app',
<!--data:Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。一般来说,就是数据源-->
data:{
hello:'my name is vue.js'
}
})
</script>
</html>
解释:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
此处是引入vue,当前demo仅为一个单独页面的引入,一般完整项目可以用
`<script src="./dist/vue.js"></script>`进行引入,此处不能省略。<br>
`el`<br>
el为实例提供挂载元素。值可以是 CSS 选择符,或实际 HTML 元素,或返回 HTML 元素的函数。这里是id为app的元素。<br>
`data`<br>
data:Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。一般来说,就是数据源。