1.引入cdn的使用:
cdn可理解为通信 的中转站
1.在头部引入cdn
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
在body内构建:
<div id="box">{
{ zxf}}</div>
<script type="text/javascript">
new Vue({
el:"#box", //绑定元素,此元素只能有一个名字
data:{
zxf:"520"
}
})
</script>
直接把zxf内的数据渲染到页面即展示520
2.利用Webpack打包自己写html文件:
创建项目webpack.config.js文件,index.js文件
webpack.config.js配置:
module.exports = {
entry:"./index.js" //入口
}
cmd打开配置项目:npm init -y 出一个配置项文件package.json
index内引入Vue文件(在百度搜索字节跳动cdn静态资源库