[TOC] 1、Nuxt目录结构详解 Nuxt项目文件目录结构 |-- .nuxt // Nuxt自动生成，临时的用于编辑的文件，build |-- assets // 用于组织未编译的静态资源入LESS、SASS 或 JavaScript |-- components // 用于自己编写的Vue组 ...
分类：
Web程序 时间：
2019-12-15 16:54:36
阅读次数：
115
<template> <div> </div> </template> <script> export default { name: '模板名称', props: {}, components: {}, data () { return { } }, computed: {}, methods: ... ...
分类：
其他好文 时间：
2019-12-15 12:39:34
阅读次数：
122
创建一个新的组件并把它添加到响应的父组件中： 首先在components文件夹下新建一个vue文件 ：例如parent.vue 在新组件中添加内容：以便查看是否成功插入组件 <template> <div>这是parent组件</div> </template> 并起name名字： <script> ...
分类：
其他好文 时间：
2019-12-11 18:50:08
阅读次数：
78
配置路由所有用到的地方总共四步或者说四处 1.index.js（src--router--index.js） import Vue from 'vue' import Router from 'vue-router' // import HelloWorld from '@/components/H ...
分类：
其他好文 时间：
2019-12-07 11:02:06
阅读次数：
179
一、vue路由创建router/index.js文件main 页面引入： import router from './router'new Vue({ el: '#app', router, components: { App }, template: '<App/>'})跳转：第一种： <1>未传 ...
分类：
其他好文 时间：
2019-12-06 18:59:28
阅读次数：
64
子组件的使用 在.json中配置"usingComponents"字段，{"标签名": "子组件路径"} "usingComponents": { "x-blog-cart": "/components/blog-cart/blog-cart", "x-blog-ctrl": "/component ...
分类：
其他好文 时间：
2019-12-05 12:56:22
阅读次数：
98
基于uni-app的一个骨架屏插件。 在使用的时候可以直接在components中引入组件quick-skeleton.vue。组件代码如下： 1 <template> 2 <view 3 v-show="show" 4 :style="{ 5 width: systemInfo.width + ' ...
分类：
微信 时间：
2019-12-02 11:41:24
阅读次数：
182
React是前端组件化开发的开山鼻祖，这种开发方式彻底解决了的前端组件复用的痛点。今天，就来研究一下React组件开发。 前端同学一般都会从Vue入门，因为Vue使用的 .vue webpack import`导入、注册（components），就可以直接使用。 上面简单说了Vue的组件模式，其实， ...
分类：
其他好文 时间：
2019-12-02 01:14:25
阅读次数：
109
本篇文章我们来学习组件之间的通信，继续以上篇文章中提到的 添加并展示商品列表 为案例，将其功能复杂化为一个小购物车案例，即拆分一个购物车列表的子组件，跟购物车父组件进行通信。 父组件传值给子组件，通过 props 传值 1.在 src components 文件夹中，新建子组件 Cart.js ，我 ...
分类：
其他好文 时间：
2019-12-01 10:18:03
阅读次数：
106
如果数据需要修改，并且同时页面响应变化，我们需要放在 state 中，并且使用 setState 来修改数据，此处我们以一个钟表为例。 1.在 components 文件夹中，新建 Clock.js ，具体代码如下： 2.然后在 src index.js 导入组件，再使用组件，执行代码在浏览器查看结 ...
分类：
其他好文 时间：
2019-12-01 10:10:40
阅读次数：
94
