VUE入门CDN引入,实例化VUE对象。

1、使用CDN方法引入VUE链接

官网链接:引入地址


VUE入门CDN引入,实例化VUE对象。_第1张图片
直接引入推荐链接即可

2.创建一个新的THML文件


VUE入门CDN引入,实例化VUE对象。_第2张图片
直接引入官网推荐的script链接即可

3.建立VUE实例化对象

创建一个js文件


VUE入门CDN引入,实例化VUE对象。_第3张图片
创建完毕后HTML页面正常引入即可

HTML里面需要一个VUE的跟容器,JS文件中直接实例化VUE对象;在跟容器中创建一个新的元素,使用VUE方法的方法{{}}两个花括号,直接应用实例化对象中的对象即可。

效果如下:


VUE入门CDN引入,实例化VUE对象。_第4张图片
成功显示出ZORO

你可能感兴趣的:(VUE入门CDN引入,实例化VUE对象。)