我的网站

         
当前位置: 主页 > 我的网站22 >

Vue.js框架学习,创建第一个Vue实例

时间:2024-03-17 14:06 来源:网络整理 转载:我的网站

一、引入Vue.js

通过script标签引入vue.js,可以引入本地的js文件,也可以引入网络上的js文件。

1、引入本地js文件

2、引入网络js文件

二、关闭Vue开发版本的productionTip提示

1、productionTip提示

You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html

2、关闭Vue的productionTip提示,需要在html里添加一段script标签

三、创建第一个Vue实例

1、准备好一个模板容器

2、创建Vue实例并挂载到模板容器

3、页面效果