引用vue文件沒有輸出
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>{{title}}</title> <script?src='./vue.js'></script> </head> <body> <center> <template> <div?id="text"> <h1>{{title}}</h1> <input?type="text"> <ul> <li></li> </ul> </div> </template> </center> <script> var?text?=?new?Vue(){ el:?'#text', data:function(){ return?{ title:?'this?is?a?text', items{ } } }, } </script> </body> </html>
為什么我在html文件中引用了vue.js文件,并且在body中使用的是var text = new Vue(){el:'#text',date:function(){return{title:'this is a text'}}},然后在div中返回了
{{title}}
并沒有作用呢
2017-03-13
你這種用法沒接觸過, 可能是data后面那個方法沒執(zhí)行, es6里面的 data() {} 是自執(zhí)行的,這種以前的寫法并不是,根節(jié)點(diǎn)你直接把data改成一個對象賦值,試試
2017-03-14
我的和你一樣,你那樣寫不起作用,后來改成/* ?export default {
? ?data:function(){
? ? ?return {
? ? ? ?msg:"我是測試"
? ? ?}
? ?}
?}*/
是可以起作用的,不知道什么原因