html引用Vue.js和原生Vue.js的区别
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
项目地址：https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
一、使用html引用Vue.js和原生Vue.js的区别
在使用HTML引用Vue.js时，需要在HTML文件中引入Vue.js的库文件，然后在Vue的实例中定义你的应用程序。
而使用原生Vue.js时，你可以使用Vue CLI进行创建和管理，可以更轻松地创建和组织你的Vue应用程序。
1、使用HTML引用Vue.js
<!DOCTYPE html>
<html>
<head>
<title>使用HTML引用Vue.js</title>
<!-- 引入Vue -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app', //el用于指定当前Vue实例为哪个容器服务，值通常为
css选择器字符串
data: { //data用于存储数据，
message: 'Hello Vue!'
}
})
</script>
</body>
</html>注意：
1. 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象。
2. app容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法。
3. root容器里的代码被称为Vue模板。
4. Vue实例与容器是一一对应的。
5. 真实开发中只有一个Vue实例，并且会配合着组件一起使用。
6. {{xxx}} 中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性。
7. 一旦data中的数据发生变化，那么模板中用到该数据的地方也会自动更新。
2、使用原生Vue.js
# 安装Vue CLI
npm install -g @vue/cli
# 创建Vue项目
vue create my-demo
# 运行Vue项目
cd my-demo
npm run serve另一个区别是在HTML引用Vue.js时，你需要使用{{}}来插入和渲染数据。
但是，在原生Vue.js中，你可以使用data选项来声明数据，并通过模板引擎来渲染，比如使用v-bind、v-if、v-for等指令。
二、使用场景
总的来说，使用HTML引用Vue.js适合小型应用程序的快速开发，但是它缺少Vue CLI提供的一些功能。
原生Vue.js则更加适合大型应用程序或项目，因为它提供更多的工具和选项，方便管理和组织应用程序，并提供更好的性能和可维护性。
GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支：4 个月前 )
9e887079
[skip ci] 2 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
1
0- 0
已为社区贡献3条内容
所有评论(0)