vue 可以不使用 node, 直接在 html 中通过 < script > 标签引入也可以使用 vue, 但是如果想要构建 vue 项目或将 vue 与其它项目进行整合就需要在 node 环境中进行.
不用 node 直接在 HTML 中引入 vue:
下载 vue.js 地址: https://download.csdn.net/download/qq_31122833/10723310, 下载完之后在 HTML 中加入 vue.JS 包.
<script src="${path}/web/constant/vue.js"></script>
在当前 HTML 中, 写入 JS 代码:
- <script type="text/javascript">
- new Vue({
- el:'#app',
- data: {
- message:'hello vue.js.'
- }
- });
- </script>
HTML 中, 加入如下代码:
- <h1>Vue demo</h1>
- <div id="app">
- <div>{{message}}</div>
- <input type="text" v-model="message">
- </div>
修改文本框中的内容, 可以看到文本框上方的内容也在相应改变; 这就是 vue 的双向绑定.
注: Vue.JS 自身不是一个全能框架 -- 它只聚焦于视图层. 因此它非常容易学习, 非常容易与其它库或已有项目整合. 另一方面, 在与相关工具和支持库一起使用时, Vue.JS 也能完美地驱动复杂的单页应用. vue 与其它库或项目整合需要 node 环境.
另外如果想要构建 vue 项目进行更加复杂的操作也需要在 node 环境中进行.
来源: http://www.css88.com/qa/node-js/12268.html