Vue 使用数组和对象控制Class

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 983 ] 次

直接上代码:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用数组和对象控制Class </title>
    <script src="vue.js">&l...

阅读全文>>


Vue 使用lodash库减少watch对后台请求压力

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 842 ] 次

watch的使用方法可以看我上一篇的博客<<vue 使用watch监听实现类似百度搜索功能>>

lodash需要新引入

我使用的是npm方式

使用lodash的_.debounce方法

阅读全文>>


vue 使用watch监听实现类似百度搜索功能

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 776 ] 次

watch监听方法,watch可以监听多个变量,具体使用方法看代码:

HTML:


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用watch监听实现类似百度搜索功能  </ti...

阅读全文>>


Vue 使用comouted计算属性

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 1216 ] 次

computed计算属性

使用方法见代码:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用comouted计算属性 </title>
    <script s...

阅读全文>>


vue 使用JavaScript表达式

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 614 ] 次

vue使用JavaScript的运算方式

代码如下:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用 v-text 和 v-html </title>
    <...

阅读全文>>


vue.js 使用 v-text 和 v-html

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 669 ] 次

v-text:转义输出

v-html:不转义输出


值得一说的是 如果直接使用{{html}}的话会直接转义


看代码:


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用...


阅读全文>>


vue.js 使用v-model v-once

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 743 ] 次

v-model 双向绑定

v-once 单项绑定

代码:


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用v-model v-once</title>
    <script ...


阅读全文>>


vue.js操作元素属性

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 649 ] 次

vue动态操作div的class

看代码:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js操作元素属性</title>
    <script src="vue.j...

阅读全文>>


Vue.js 创建第一个应用

  作者: thtomatic  分类: Vue   评论: [ 0 ] 条  浏览: [ 665 ] 次

VUE官网下载Vue.js文件或者用Vue的CDN地址

在项目中引入Vue.js文件


阅读全文>>


微信jssdk上传图片

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 682 ] 次

本代码在Tp3.2.3上运行成功,若是其他框架 文中的PHP代码可能不会适用,HTML和Javascript代码不受影响,仅作参考!

Html代码:


<div class="yxg-margin-horizontal-sm">
        <div class="list-textarea clearfix">
            <...

阅读全文>>


    48.19ms