vue
enjoy_sun_moon
这个作者很懒,什么都没留下…
展开
-
vue引入组件
import setmap from '../../components/map';我写的是import BigImg from '../../components/bigimg.vue';最后还是显示不出来 排查了一下是是写在template标签下了 应该写再template下的div标签中否则无线加载显示组件...原创 2021-01-13 15:08:57 · 172 阅读 · 0 评论 -
vue学习资料
总结了vue全家桶的全面所有知识点如下:vue所有基础语法:https://blog.csdn.net/weixin_43342105/article/details/106153672vuex核心内容及重点细节总结:https://blog.csdn.net/weixin_43342105/article/details/105703491vue cli2 ,3详解:https://blog.csdn.net/weixin_43342105/article/details/106248521vue原创 2020-07-29 11:41:53 · 258 阅读 · 0 评论 -
vueThink 出坑经验总结
自己百度了一个vueThink的后台 一下是安装步骤1.后端配置新建一个数据库,将php下的install.sql导进新建的数据库,然后配置php下的config/database.php;配好后打开浏览器访问http://www.tp5.com/php/,如果看到‘vuethink接口’的字样就是成功了2.前端配置然后是前台也就是vue的配置:首先npm install 安装n...原创 2019-06-04 21:55:32 · 1035 阅读 · 0 评论 -
vuex 知识汇总
练习vuex已经是几天前的事情了,今天来公司加班顺手就做一下总结吧。首先vuex是什么呢?vuex是一个专门为vue.js应用程序开发的状态管理模式,总而言之就是一种管理模式。vuex的核心就是store,就相当于是一个仓库,里面包含这个所有的状态(state),我的理解其实vuex.store就是一个全局对象。但是还是有点区别的就是:第一点:vuex的状态是响应式的,当访问的状态...原创 2019-05-18 18:47:49 · 182 阅读 · 0 评论 -
web弹出层的解决方案--layer
直接引入js文件即可使用特别说明:事件需自己绑定,以下只展现调用代码。//初体验layer.alert('内容')//第三方扩展皮肤layer.alert('内容', { icon: 1, skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则,去这里查阅})//询问框layer.confirm('...原创 2019-05-16 14:20:39 · 235 阅读 · 0 评论 -
vueThinkPHP/ApiAdmin 两个框架 的部署和出现的问题和文档
1.一直报错:Expected linebreaks to be 'CRLF' but found 'LF' linebreak-style解决问题:将跟目录下的.eslintrc.json文件打开将"linebreak-style": ["error", "windows"] 改成"linebreak-style" : "off",就解决了问题VueThink====...原创 2019-05-06 13:19:59 · 723 阅读 · 0 评论 -
vue的阶段总结
先对过去学过的vue知识进行一下回忆和总结:vue的SPA单页面应用在html中加载vue.js去使用,这是最简单的vue使用,包括制作组件,组件间传参,还有vue-router的使用。还有一个高深点的vuex也还没学,文档还没看,这个后期在学那么在项目中如何来搭建vue的框架呢这是我接触到了 vue-cli 脚手架工具1.安装node.js2.然后再进行npm inst...原创 2019-05-06 11:32:42 · 140 阅读 · 0 评论 -
vue 父子 子父 间传值 和两个子组件间传值 解析
<!-- 这是第二种 --><div>{{count}}</div> <jia :count="count" >加</jia> <jian :count="count" >减</jian> <!-- 这是第二种 --> <script> var event = ...原创 2019-04-18 11:28:16 · 537 阅读 · 0 评论 -
vue路由--命名视图实现经典布局 和 vue watch compted methods 三者的区别和相同点
<router-view name='righjt'></route-view>< route-view name="left"></route-view> 命名视图 :给router-view加上name 只有name是left的组件能放在这里用处:当默认的时候能够将几个组件同时显示出来,将一 一对应name的值和下面组件中的...原创 2019-04-03 18:26:21 · 461 阅读 · 0 评论 -
vue node和js导入和导出文件
先说暴露成员:这是 Node 中向外暴露成员的形式:module.exports = {} 和 export 来导出模块在Node中 使用 var 名称 = require('模块标识符') 来导入模块ES6中导入模块,使用 import 模块名称 from '模块标识符' import '表示路径'使用export default 对象 或者export var ...原创 2019-04-07 15:41:12 · 1022 阅读 · 0 评论 -
vue 自定义全局和私有筛选器 以及 自定义全局和私有指令
全局筛选器 举例/*过滤函数的第一个参数是默认传来的数据,第二个可以是自定义的值*/<div>{{info | msgFormate('大寄吧') | msgtest('===')}}</div>vue.filter('name',function(data,msg){ return data.replace(/淡出/g,msg) //正则})vue...原创 2019-03-25 12:04:57 · 372 阅读 · 0 评论 -
JAVASCRIPT promise用法
简单来说,Promise就是用同步的方式写异步的代码,用来解决回调问题// promise是一个构造函数 我们可now Promise的实例// 在promise上有两个函数,分别叫做 resolve成功调用和reject失败调用// 在promise构造函数的prototype属性上 有一个叫。then()的方法也就是说只要是Promise构造函数创建的实例,都可以访问当.the...原创 2019-03-21 12:00:09 · 790 阅读 · 0 评论 -
vue组件的注册方法
全局注册//组件本身就是一个vue实例// var nvar = vue.extend({ template:"<h1>你好啊<h1>"})vue.component("mynav",nav)new vue({ el:#app})vue.component("mynav",{ "template":"<原创 2019-03-08 11:38:10 · 399 阅读 · 0 评论 -
今天写下拉加载出现的脑袋短路 ---- 教训
mysql中limit中的第一个数字是开始截取的位置。第二个参数是 截取的长度。第二个参数是:截取的长度 并不是结束的地址 我在做的时候一直把他的pageEn直接当成了我结束截取的地址。...原创 2019-03-11 14:35:41 · 72 阅读 · 0 评论 -
vue.js同级组件中的数据传递
<script type="text/javascript"> var event = new Vue() Vue.component('jony',{ template:"<div>jony说<input @keyup='saidsome' type='text' v-model='jony_said'>{{jony_said}}</div...原创 2019-03-10 17:23:25 · 402 阅读 · 0 评论 -
vue的 生命周期 和 事件修饰符
beforecreated组件实例化之前执行的函数created组件实例化完之后,页面未显示前执行的函数beforemounted组件挂载前,页面未展示,但是虚拟dom已经配置mounted组件已经挂载,页面未展示,此方法执行后页面展示beforeupdated组件修改前,页面没有更新,但是虚拟dom已经配置好updated组件修改后,此方法执行后页面更...原创 2019-03-13 21:29:29 · 89 阅读 · 0 评论 -
what is webpack 和 计算属性 style和class绑定
webpack 是模块打包机 可以和vue配合也可以和react 配合首先你的电脑上要安装npm和node然后,体验先进的技术 转换打包成浏览认识的js代码计算属性 : 1.html中的变量会调用computed中函数的名字而不用再data去声明这个变量,2.模板中的变量先在computed中去匹配 如果 computed中有匹配项那么此变相则是最终要显示在模板中的数据,...原创 2019-03-05 18:35:27 · 141 阅读 · 0 评论 -
vue-cli todolist-加载列表--删除 组件间通信
main.js// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import Todolist from './Todo...原创 2019-03-05 09:31:17 · 180 阅读 · 0 评论