vue入门
caicsama
这个作者很懒,什么都没留下…
展开
-
Vuex计数器
看图说话,Vuex是一个状态管理库store,主要三部分:state、mutations、actions前提,vue-cli搭建了项目首先启动项目npm run dev,导航栏输入http://localhost:8080/(如果没有修改config->index.js文件port,一般是8080端口)首先,使用安装vuexnpm install vuex --save在s...原创 2020-04-14 14:55:16 · 821 阅读 · 0 评论 -
Vue电商后台实战-后台Home界面
效果图:知识点:1.Element-UI container容器组件<el-container> <el-header>Header</el-header> <el-container> /**侧边栏宽度200px**/ <el-aside width="200px">Aside</el-aside>...原创 2020-03-19 18:27:15 · 816 阅读 · 1 评论 -
axios引入项目
1.安装axiosnpm install axios --save2.src/main.js入口文件import axios from 'axios'//将axios作为Vue原型对象$http的属性值,涉及知识点 原型对象Vue.prototype.$http=axios;3.调用·this.$http.get()this.$http.post()this指向当前的Vue实...原创 2020-03-19 16:37:36 · 795 阅读 · 0 评论 -
Vue-生命周期
生命周期函数特点beforeCreated只有默认的生命周期函数和默认事件,其他都没有createddata、methods、属性、watch\event回调事件,$el还没有beforeMount模板在内存中已经编译好,但是还未渲染出来mounted页面模板渲染好了beforeUpdatedata改变触发beforeUpdate事件,Vue中...原创 2020-03-12 00:28:38 · 110 阅读 · 0 评论 -
Vue电商后台实战--登录界面
具体教程可看:B站vue电商管理后台(悄悄说一下 课程很良心)组件:ELment-UI中form表单组件结构:一个登录框:logo(设置水平居中+垂直上移50%)和登录表单(el-form表单)背景区域高度设置100%知识点:居中:块级元素中的行内元素居中:<<div> <a href="http://www.baidu.com" titile="百度...原创 2020-03-08 10:41:20 · 1106 阅读 · 0 评论 -
These dependencies were not found:显示27个
导入了 vue-table-with-tree-grid就出现错误,网上搜发现可能是路径错误,看了导入路径和官方文档,发现导入没问题。错误上显示 axios less-loader等这些运行依赖,看了package.json。dependencies依赖对象中没有,但项目用到了依次导入:npm install axios less less-loader element-ui --save...原创 2020-03-03 15:00:32 · 9510 阅读 · 0 评论 -
webpack --save与--save-dev
开发依赖:devdependencies运行依赖:dependencies在项目文件的package.json文件中可以看到开发依赖是在编写代码时用到的库或包 --save-dev一般用到的有:框架 webpack ,编译器:style-loader sass-loder等安装开发依赖:npm install 库/包 --save-dev可简写:npm i 库/包 -D运行依...原创 2020-03-01 17:20:17 · 353 阅读 · 0 评论 -
小白理解Vue插槽
根据Vue.js官网文档,元素是承载分发内容出口理解:元素看作是具有特殊作用的HTML元素,组件中的内容填入元素所在的位置。对比:没有插槽//组件调用处<nlink>百度一下</nlink><script type="text/javascript"> Vue.component('nlink',{ template:`<a href=...原创 2020-03-01 02:09:15 · 94 阅读 · 0 评论 -
npm ERR!Unexcepted end of JSON input while parsing nearing '...t“:{shasum":d600901"}”
输入npm install显示下面的错误npm ERR!Unexcepted end of JSON input while parsing nearing '…t“:{shasum":d600901"}”npm cache clean --force如果成功显示:npm WRAN using --force I sure you konw what you are doing再输...原创 2020-02-27 21:06:06 · 135 阅读 · 0 评论 -
vscode中快速生成vue模板
菜单栏:文件-》首选项-》用户代码片段-》vue"Print to console": { //当输入vue点击tab键即可生成模板内容 "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", ...原创 2020-02-26 00:07:04 · 480 阅读 · 0 评论 -
Vue学习记录(三)
1.指令以v-前缀开头,用冒号分割开常用v-bind v-on v-if v-show v-else v-else-if v-model v-for<div id="app"> <!--使用v-bind绑定html元素属性class--> <p v-bind:class="[colorclass,fontclass]"></p>&l...原创 2020-02-25 00:29:00 · 100 阅读 · 0 评论 -
Vue学习记录(二)
1. MVVM模式(Model-View-ViewModel)根据代码进行理解:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...原创 2020-02-24 00:48:19 · 109 阅读 · 0 评论 -
vue学习记录
Vue:构建用户界面的渐进式框架(官方文档)1.vue安装以及搭建项目安装vue脚手架本地安装node,npm打开windows命令行,输入cmd安装vue-clinpm i -g vue-cli安装完成搭建项目搭建firstproject项目:命令行输入:vue init webpack firstproject注意:项目名称不包含大写等一段时间,出现提示,输入...原创 2020-02-23 00:32:06 · 103 阅读 · 0 评论 -
gyp ERR! stack Error : can‘t find python executable “python“,you can set the PYTHON env variable.
vue中安装node-sassnpm install node-sass --save-dev出现上面图中问题解决办法:vscode里,打开终端,输入下面的内容npm install --global --production windows-build-toolsnpm install --global node-gyp 参考链接:gyp ERR! stack Error...原创 2019-12-24 10:52:54 · 27324 阅读 · 4 评论