·代碼很簡單,只是一個小demo,但是就是不能成功跑起來。1.代碼結構如下:2.index.html文件如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="divCon"> <h1>site : {{site}}</h1> </div></body> <script type="text/javascript" src="./dist/bundle.js"></script></html>3.main.js如下:var Vue = require('vue');new Vue({ el: 'divCon', data: { site: "hello", url: "www.runoob.com", alexa: "10000" }})4.webpack.config.js如下:module.exports = { entry: "./main.js", output: { filename: "bundle.js" }};5.package.json文件如下:{ "name": "portal", "version": "1.0.0", "description": "", "main": "", "scripts": { "start": "webpack" }, "author": "zhangying", "license": "ISC", "devDependencies": { "babel-loader": "^7.1.4", "css-loader": "^0.28.10", "style-loader": "^0.20.3", "vue": "^2.5.15", "vue-loader": "^14.2.1", "webpack": "^4.1.1", "webpack-cli": "^2.0.11" }, "dependencies": {}}6.打包結果如下:7.運行結果如下(chrome瀏覽器):·一開始想是不是main.js中應該這么寫:var Vue = require('vue');window.onload = new Vue({ el: 'divCon', data: { site: "hello", url: "www.runoob.com", alexa: "10000" }})在頁面加載完onload執行,如此試了下,依然不行。所以是不是配置的問題呢?求指導。。。
vue+webpack 打包后{{}}并沒有成功綁定數據,是我配置錯誤么?
慕田峪7331174
2019-03-15 18:19:18