前端原生html引入vue.js

原生html文件中引入vue.js的方法

head标签下 通过script先引入vue.js文件


    
    
    
    Document
    

在body标签中创建用于渲染vue组件的标签


     
{{ msg }}
点击

在body标签结束后创建script标签,写vue的基础属性和方法 如生命周期函数



页面效果 打开控制台
前端原生html引入vue.js_第1张图片

因为html页面渲染顺序是由上至下
要先引入vue.js
然后创建需要渲染的dom
最后 实例化一个vue的对象 即new Vue({})

你可能感兴趣的:(html,javascript)