在body标签底部加上script标签，然后在script标签中初始化Vue实例对象；
// 注册组件（需要在实例化 Vue 对象之前）
Vue.component("todo-item", {
// 父组件传值到子组件
// 定义子组件接收数据的参数
props: ['item'],
// 定义自定义组件
template: "<li>{{ item }}</li>",
});
// 实例化 Vue
var app = new Vue({
// 指定挂载节点
el: "#container",
// 声明并初始化 Vue 实例的成员变量
data: {
str: "hello, Vue.",
},
// 定义 Vue 实例的成员方法
methods: {
click() {
console.log("我被点啦！！！");
this.str = "我被点啦！！！";
},
},
// 生命周期钩子函数
beforeCreate() {
console.log("beforeCreate");
},
created() {
console.log("created");
},
beforeMount() {
console.log("beforeMount");
},
mounted() {
console.log("mounted");
},
beforeUpdate() {
console.log("beforeUpdate");
},
updated() {
console.log("updated");
},
beforeDestroy() {
console.log("beforeDestroy");
},
destroyed() {
console.log("destroyed");
},
});
