
vue.js
脚下的黑珍珠号
With his sword to rule the world
展开
-
vue学习之路 一 (初期搭建vue项目)
vue-cli 是vue.js的脚手架,用于手动生成vue.js模板。下面的这些配置,如安装过则以后不需要在安装。//安装vue-cli之前首先要安装vue和webpacknpm install -g vue //全局安装vuenpm install -g webpack //全局安装webpacknpm install -g vue-cli //全局原创 2017-06-23 09:24:01 · 446 阅读 · 0 评论 -
vue项目打包之后index.html页面没有显示内容
Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.解决:更改config/index.js 中的参数assetsPublicPath:'./',加完之后在打包原创 2018-05-31 13:25:25 · 8084 阅读 · 0 评论 -
vue打包之后没有图片,路劲错误问题
打开build/utils.js,在图中相应位置加入红框内容,其中值可能会有不同,若不同,自己配置成相应的即可******** 还没研究具体是为什么 ,先记下吧 ********...原创 2018-05-31 13:24:08 · 1437 阅读 · 0 评论 -
vue组件中的反斜杠作用
正常情况下:var htmlString = '<div>this is a string</div>';下面写法是不对的var htmlString = '<div> this is a string</div>';但是一些时候我们希望像上面这种写法,可读性更高所以要进行转义处理var htmlString = '<div>\...原创 2018-06-21 18:23:45 · 4660 阅读 · 0 评论 -
vue组件的内分发
定义为了让组件可以组合,需要一种方式来混合父组件的内容与子组件自己的模板,这个过程称为内容分发。Vue.js实现了一个内容分发API,使用特殊的slot元素作为原始内容的插槽。可以理解为slot就是个插槽,要分发的内容将要插到这个在子组件里预留好的插槽内(替换slot标签)。插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示,以及怎样显示是由父组件来决定,最核心问题就是显不显示怎样...原创 2018-06-12 14:33:14 · 639 阅读 · 0 评论 -
[Vue warn]: Do not use built-in or reserved HTML elements as component id:
是因为这里的name用了'title'导致的改成其他的名就可以了原创 2018-06-11 15:25:17 · 4101 阅读 · 0 评论 -
Component template should contain exactly one root element. If you are using v-if on multiple elemen
在HelloWord组件中引用HiWord组件<HiWord></HiWord>,因为HiWord的位置外围的父元素是<template></template>,所以就报错了。要在<HiWord></HiWord>外面在套一层元素。...原创 2018-04-03 16:59:42 · 231 阅读 · 0 评论 -
* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/
当前目录(项目)下: cnpm install stylus-loader css-loader style-loader --save-dev cnpm run dev 。原创 2018-04-03 11:30:57 · 35264 阅读 · 6 评论 -
export与export default
通过export方式导出,在导入时要加{ },export default则不需要var name="李四";export { name }//import { name } from "/.a.js" //可以写成:var name="李四";export default name//import name from "/.a.js" 这里name不需要大括号在一个文件或模块中,exp原创 2018-04-03 09:40:04 · 1513 阅读 · 0 评论 -
Vue2.0搭建到发布
开发环境Node.jsjavascript运行环境 node>=6.0.0 npm Node.js下的包管理器 npm>=3.0.0webpackVue组件都是通过.vue组件无法被客户端浏览器所解析,需要被翻译打包成.js文件 webpack 3.6.0vue-cli用来生成模板的Vue工程,脚手架工具之前node,cnpm已经安装完成继安装如下插件安装we...原创 2018-03-18 21:13:21 · 235 阅读 · 0 评论 -
vue-li安装失败Failed to download repo vuejs-templates/webapck-simple: Response code 404 (Not Found)
vue init webpack-simple .(注意“.”点,指当前目录)veu init webapck project(project自己取得名字);在安装之前,请确保在命令行输入vue -V(大写V) node -v(小写v)能输出版本号...原创 2018-03-18 19:13:27 · 1880 阅读 · 0 评论 -
vue
站位原创 2017-10-26 12:23:34 · 381 阅读 · 0 评论 -
vue:command not found
发生在全局安装完vue-cli之后执行vue命令的时候。 原因是因为没有把vue-init挂到系统的环境变量下。原创 2017-10-25 14:15:07 · 13129 阅读 · 0 评论 -
Component template should contain exactly one root element. If you are using v-if on multiple elemen
上面的提示大概意思就是:vue模板智能有一个跟对象这和个是错误的写法这个是正确的写法(模板内的标签只能被一个标签所包含)原创 2017-11-01 18:03:51 · 6628 阅读 · 0 评论 -
Error:Cannot find module 'stylus'
没有找到这个模块:可以在项目目录下package.json文件内添加 “stylus”: “^0.54.5”,(版本号自拟);然后命令行进入具有package.json这级目录下运行 cnpm install 或 npm install即可;npm install stylus –save-dev npm install stylus-loader –save-dev原创 2017-11-07 14:07:26 · 224 阅读 · 0 评论 -
(node:4560) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error:
同时浏览器还弹出提示框。未找到指定程序。 原因是我做天开了翻墙软件。然后dns服务器的IP地址被改了,改回来就好了(不生效在重启下) 下面是运行时出现的状况原创 2017-10-27 10:21:59 · 9642 阅读 · 0 评论 -
$emit() 括号里面的引号不是常用的单引
<div id="app" > <div :style="{ fontSize: postFontSize + 'px' }"> <blog v-for="post in posts" v-bind:key="post.id"原创 2018-06-22 09:23:43 · 528 阅读 · 0 评论