为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js入门基础

fishenal Web前端工程师
难度中级
时长 1小时50分
学习人数
综合评分9.17
315人评价 查看评价
9.4 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 什么鸡巴垃圾app,回复功能都没有,还是做网站教学的?
    查看全部
  • 那些看不懂的朋友,你不会先精通vue再来看这个视频吗?错的是你,不是老师,老师是免费的你还喷,有没有良心
    查看全部
  • 看完了我记住了一句话,接下来我们来看一下哈喽点vue长什么逼样
    查看全部
  • vue-validator:表单验证的组件;

    vue-devtools:chroma的开发者工具;

    vue-router:路由;

    vue-cli:脚手架;

    vue-touch:移动端开发工具;

    axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护;

    vuex:vue的模块管理工具;


    查看全部
  • 香菇滑鸡纪念币v才想到发哈几哈勾搭是撒短发干哈就几把出息沙发干哈规律几句话肥嘟嘟
    查看全部
  • 方法好纠结救护车小心点给伙计超大发哈好几把出发攻击机不发达短发干哈好卡几把长多大法国好几回
    查看全部
  • v-text 是按有的显示出来 

    v-html 会把标签当做标签来用

    查看全部
  • Vue.js是一个轻巧、高性能、可组件化的MVVM库

    1. 吸收了react的组件化(数据展现分离)

    2. 吸收了angular的指令和页面操作的方法。


    查看全部
  • 子组件向父组件传值,方法1

    使用$emit来自定义一个时间

    this.$emit('my-event',参数传递的值)


    查看全部
  • 要想用一个组件,要先注册这个组件。

    如图中的components:{ComponentA}

    vue中的组件属性特殊的地方:

    components:  {HelloWorld}

    在html上调用这个组件的时候vue规定,换成小写,并在大写的地方变成-:

    <hello-world></hello-world>


    查看全部
  • 父组件向子组件传值:例如app.vue向header.vue传值

    app.vue给msg赋一个值,这个值同样传到了header组件的msg中,但前提是header.vue中要先在props中注册msg


    查看全部
    0 采集 收起 来源:如何划分组件

    2018-11-07

  • 关于Watch的deep这个属性为true的话,表示深层监视。被监视的属性里面如果是个对象,只要其中一个属性被更改都会被检测到。如果为false的则检测不到

    查看全部
  • export default{    fetch:function(){    return JSON.parse(window.localStroage.getItem(STORAGE_KEY)||'[]'),        },    save:function(items){    window.localStorage.setItem(STORAGE_KEY,JSON.stringify(item))    }} 引入import Store from './store.vue' 使用 Store.fetch//显示Store.save//存储,放到浏览器的某个页面上

    查看全部
  • <template>

        <div id="app">

            <h1 v-text="title"></h1>

            <input v-model="newItem" v-on:keyup.enter="addNew"/>

            <ul>

                <li  v-for="item in items" v-bind:class="[finished:items.isFinshed]" v-on:click="change(item)"></li>

            </ul>

        </div>

    </template>


    <script>

        var vm = new Vue({

            data: {

                title: "this is a todo list",

                items: [

                    {

                        label: "cooding",

                        isFinished:true

                    }, {

                        label: "book",

                        isFinished: true

                    }

                ],

                newItem:''


            },

            methods: {

                change: function (item) {

                    item.isFinished != isFinished

                },

                addNew: function () {

                    this.item.push({                 //添加数据

                        label: this.newItem,

                        isFinished: true

                    })

                    this.newItem=""              //清空数据

                }


            }

        });



    </script>

    <style>

        .finished {

            color:redd;

        }



    </style>


    查看全部
  • v-on:keyup.enter=“”

    当回车时触发方法

    v-model双向绑定,看截图 input 设置了v-model="变量名",那么这个input的值就跟指定的变量双向绑定了,你改变input的值会改变变量,你如果直接改变变量也会改变Input的value


    查看全部
  • export用法

    查看全部
  • v-text是直接显示所有文字,例如显示<span>?</span>this is

    v-html会把html格式的文字渲染掉,例如显示?this is


    查看全部
  • js文件中注册组建用new Vue({});组件中注册组件等等先用export default{};两者均需要先用import...from...引入vue文件!注意:组件中注册的组件,其注册代码也要写在<script>中。组件=vue

    查看全部

举报

0/150
提交
取消
课程须知
1. 有html,css,js前端开发基础 2. 了解前端工程化,node,webpack gulp等 3. 对前端模块化有基本的概念 4. es6 的一些基本语法
老师告诉你能学到什么?
1. vuejs的背景及其项目相关知识 2. 了解流行的前端项目搭建方式 webpack + gulp 3. 用 vue-cli 脚手架工具初始化vue项目 4. 学习vue项目基本的结构和开发方法 5. 学习使用vuejs常用的接口和方法 6. 教程中教你如何在一个项目中使用vuejs

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!