不用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环境中进行。
以上就是不用node可以用vue吗?的详细内容,更多请关注易知道|edz.cc其它相关文章!